// import welcome from "@/assets/images/welcome01.png";
import { Typography } from "tdesign-react";
import { Timeline } from "tdesign-react";
import TimelineItem from "./components/TimelineItem";
import homeData from "@data/home.json";

const { Title, Paragraph } = Typography;
const Home = () => {
	return (
		<div className="home">
			<Title>{homeData.introduce.title}</Title>
			<Paragraph>{homeData.introduce.content}</Paragraph>
			<Title>更新日志</Title>
			<Timeline layout="vertical" mode="same">
				{homeData.log.map(item => {
					return (
						<Timeline.Item key={item.version}>
							<TimelineItem info={item} />
						</Timeline.Item>
					);
				})}
			</Timeline>
		</div>
	);
};

export default Home;
